<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <script src="/plugins/common/common-js.js" type="text/javascript"></script>
    <script src="/plugins/js/jquery-3.4.1.min.js" type="text/javascript"></script>
    <script src="/plugins/js/echarts.min.js"></script>
    <link rel="stylesheet" href="/css/data_entry.css">
</head>

<body>
    <div id="app" v-cloak>
        <el-container>
            <el-header>用户信息管理</el-header>
            <el-container>
                <el-aside style="overflow-x: hidden;width:200px;background-color:#545c64">
                    <el-menu style="width:100%;" default-active="/entry/userInformation" class="el-menu-vertical-demo"
                        background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" @select="selectPage">
                        <el-menu-item index="/entry">
                            <i class="el-icon-location"></i>
                            <span slot="title">疫情信息录入</span>
                        </el-menu-item>
                        <el-menu-item index="/entry/userInformation">
                            <i class="el-icon-setting"></i>
                            <span slot="title">用户信息管理</span>
                        </el-menu-item>
                    </el-menu>
                </el-aside>
                <el-main>
                    <el-row>
                        <el-col :span="4" :offset="4" style="line-height: 40px;">
                            <el-input v-model="cxtj.idCard" placeholder="身份证搜索" @change="cxIdCard"></el-input>
                        </el-col>
                        <el-col :span="4" :offset="1" style="line-height: 40px;">
                            <el-input v-model="cxtj.name" placeholder="姓名搜索" @change="cxIdCard"></el-input>
                        </el-col>
                        <el-col :span="4" :offset="1" style="line-height: 40px;">
                            <el-input v-model="cxtj.glqk" placeholder="隔离情况" @change="cxIdCard"></el-input>
                        </el-col>
                    </el-row>
                    <el-row type="flex" justify="center">
                        <el-col :span="16" style="line-height: 40px;">
                            <el-table :data="drjcNodeTable" stripe>
                                <el-table-column label="接触人数" width="80" prop="jcrs" :show-overflow-tooltip='true'>
                                </el-table-column>
                                <el-table-column label="姓名" width="150" prop="name" :show-overflow-tooltip='true'>
                                    <template slot-scope="scope">
                                        <el-popover trigger="hover" placement="top">
                                            <p>性别：{{scope.row.sex}}</p>
                                            <p>居住城市：{{scope.row.address}}</p>
                                            <p>基础病数量: {{ scope.row.jcbNum }}</p>
                                            <p>检测次数: {{ scope.row.jcNum }}</p>
                                            <p>手机: {{ scope.row.phone }}</p>
                                            <p>邮箱: {{ scope.row.email }}</p>
                                            <div slot="reference" class="name-wrapper">
                                                <el-tag size="medium">{{ scope.row.name }}</el-tag>
                                            </div>
                                        </el-popover>
                                    </template>
                                </el-table-column>
                                <el-table-column label="身份证" width="200" prop="idCard" :show-overflow-tooltip='true'>
                                </el-table-column>
                                <el-table-column label="感染概率" width="130" prop="grgl" :show-overflow-tooltip='true'>
                                </el-table-column>
                                <el-table-column label="是否隔离" width="80" prop="glqk" :show-overflow-tooltip='true'>
                                </el-table-column>
                                <el-table-column>
                                    <template slot-scope="scope">
                                        <el-button size="mini" id="el-main-button"
                                            @click="newdialog1(scope.row)">编辑
                                        </el-button>
                                        <el-button size="mini" @click="deleteNode(scope.row)">删除
                                        </el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                            <el-pagination background layout="prev, pager, next" :total="countNow" :page-size="pagesize"
                                @current-change="handleDrjcNodeCurrentChange">
                            </el-pagination>
                        </el-col>
                    </el-row>
                </el-main>
            </el-container>
        </el-container>
    </div>

    <script src="/js/userInformation.js" type="text/javascript"></script>
</body>


</html>